<style>
    body,
    html,
    #container {
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
        font-family: "微软雅黑";
    }
</style>
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=j5GnHiMiTfGPsFBgu11skbqGizg4I9x8"></script>
<div id="container"></div>

<script>
    var map = new BMapGL.Map('container');
    map.setMapType(BMAP_EARTH_MAP);
    map.centerAndZoom(new BMapGL.Point(115.404, 30.915), 6);
    map.enableScrollWheelZoom(true);
    var opts = {
        position: new BMapGL.Point(121.404, 30.915), // 指定文本标注所在的地理位置
        offset: new BMapGL.Size(5, -5) // 设置文本偏移量
    };
    // 创建文本标注对象
    var label = new BMapGL.Label('上海', opts);
    // 自定义文本标注样式
    label.setStyle({
        color: 'blue',
        borderRadius: '2px',
        borderColor: '#ccc',
        padding: '10px',
        fontSize: '15px',
        height: '30px',
        lineHeight: '10px',
        fontFamily: '微软雅黑'
    });
    map.addOverlay(label);
</script>
